<!DOCTYPE html>
<html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>DCNNS</title>

    <link rel="stylesheet" type="text/css" href="./css/style.css"/>

    <script src="./javascripts/jquery.js"></script>
    <script src="./xxx/js/vue.min.js"></script>
    <script src="./xxx/js/vue-resource.js"></script>
    <script>
        function test(e, value) {
            $("#menu").find(".current").removeClass("current");
            e.className = "current";
            var contents = window.document.getElementsByClassName('content');
            console.log(contents);
            var i;
            for (i = 0; i < contents.length; i++) {
                var ele = contents[i];
                ele.hidden = true;
                if (i === value) {
                    ele.hidden = false;
                }
            }
        }
    </script>

</head>
<body>

<div id="pagetop">
</div>



<div id="menu">
    <ul>
        <li><a onclick="test(this, 0)"  class="current">币热门</a></li>
        <li><a onclick="test(this, 1)" href="WebUI/Html/platform.html" >币平台</a></li>
        <li><a onclick="test(this, 2)" href="WebUI/Html/coinlist.html">币介绍</a></li>
        <li><a onclick="test(this, 3)" >币教程</a></li>
        <li><a onclick="test(this, 4)" >区块学习</a></li>
        <li><a onclick="test(this, 5)" >关于我们</a></li>
    </ul>
</div>

<div id="main" >

     <!--右侧边栏-->
    <div id="more">
        <div class="hotright">
            <div class="lanmu">热点排行</div>
            <div class="liebiao">
                <ol>
                    <li>成都国际区块连论坛峰会</li>
                    <li>国际区块连论坛峰会</li>
                    <li>国际区块连论坛峰会</li>
                    <li>国际区块连论坛峰会</li>
                    <li>国际区块连论坛峰会</li>
                </ol>
            </div>
        </div>
        <div class="imgstyle">
            <img src="images/taibi.png" width="240px" height="100px">
        </div>
    </div>
    <!--币热门-->


    <div id="coinhot" class="content">
        <div class="news" v-for="news in newsList">
            <div class="lbox">
                <img class="newsimage" src="./images/news.jpeg">
            </div>
            <div class="rbox">

                <div class="newstitle">
                    <a v-bind:href="'./WebUI/Html/pagecontent.html?id='+news._id">{{ news.title }}</a>

                </div>
                <div class="info">
                    <div class="newsauthor">
                        作者: {{ news.author }}
                    </div>
                    <div class="newstime">
                        时间: {{ news.created_at }}
                    </div>
                </div>
            </div>
        </div>


    </div>
    <!--币平台-->
    <div id="coinplatform" class="content" hidden="true">

    </div>
    <!--币介绍-->
    <div id="coinpdes" class="content" hidden="true">

    </div>
    <!--币课程-->
    <div id="coincourse" class="content" hidden="true">
        <h4> 正在开发中</h4>
    </div>
    <!--区块链学习-->
    <div id="blockstudy" class="content" hidden="true">
        <h4> 正在开发中</h4>
    </div>
    <!--关于我们-->
    <div id="aboutus" class="content" hidden="true">
        <div id="ab">
           <h4>商务合作：aferios#163.com</h4>

        </div>
    </div>

</div>

<script src="./javascripts/index.js"></script>


</body>
</html>